<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>资薪查询</title>
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/zixin.css" />
  </head>
  <body>
    <!-- 头部区域 -->
    <header class="header">
      <a href="index.html" class="left_jt">
        <img src="images/left_jt.png" alt="" />
      </a>
      <p>资薪查询</p>
    </header>

    <!-- 内容区域 -->
    <section class="content">
      <p class="con_hd">参考薪资</p>
      <div class="con_item">
        <p class="item_t">北京 地区 JAVA 岗位 1-3年工作经验的参考薪资</p>
        <p class="item_m">￥1,8821</p>
        <p class="item_b">现有23131个岗位</p>
      </div>
    </section>


    <section class="content">
      <p class="con_hd">薪资发布</p>
      <div class="con_message">
        <img src="images/circle.png" alt="" class="circle">
        <img src="images/fangxing.png" alt="" class="fangxing">
      </div>
    </section>


    <section class="content">
      <p class="con_hd">各地区薪资</p>
      <div class="con_work">
       <div class="area">
         <img src="images/c1.png" alt="" class="num">
         <p class="place">北京</p>
       </div>
       <p class="money">￥18981</p>
      </div>

      <div class="con_work">
        <div class="area">
          <img src="images/c2.png" alt="" class="num">
          <p class="place">上海</p>
        </div>
        <p class="money">￥18000</p>
       </div>

       <div class="con_work">
        <div class="area">
          <img src="images/c3.png" alt="" class="num">
          <p class="place">广州</p>
        </div>
        <p class="money">￥15880</p>
       </div>

       <div class="con_work">
        <div class="area">
          <img src="images/c4.png" alt="" class="num">
          <p class="place">杭州</p>
        </div>
        <p class="money">￥14880</p>
       </div>

       <div class="con_work">
        <div class="area">
          <img src="images/c5.png" alt="" class="num">
          <p class="place">天津</p>
        </div>
        <p class="money">￥13880</p>
       </div>

       <div class="con_work">
        <div class="area">
          <img src="images/c6.png" alt="" class="num">
          <p class="place">太原</p>
        </div>
        <p class="money">￥12880</p>
       </div>

       <div class="con_work">
        <div class="area">
          <img src="images/c7.png" alt="" class="num">
          <p class="place">西安</p>
        </div>
        <p class="money">￥10000</p>
       </div>

    </section>

    <script src="js/flexible.js"></script>
  </body>
</html>
